import { App } from 'vue';
import { useColor } from './color';

/**
 * 颜色组件安装函数
 * @param app Vue应用实例
 */
export function colorInstall(app: App) {
  // 创建一个全局的颜色样式设置
  const { setColorVariables, lightColors, darkColors } = useColor();
  setColorVariables();

  // 提供全局属性，以便组件中可以访问颜色变量
  app.config.globalProperties.$tuiColors = {
    ...useColor().lightColors,
    ...useColor().darkColors
  };

  // 提供注入键，以便在组合式API中使用
  app.provide('tuiColors', {
    ...lightColors,
    ...darkColors
  });
}

export * from './color';